:root {
    /* 默认明亮主题 */
    --bg-color: #FFFFFF;
    --box-bg-color: #f5f5f5;
    --text-primary-color: #000;
    --text-second-color: #5c5c5c;

    --box-border-color: #E3E8EF;

    --active-color-1: #4A71E5;
    --active-color-1-text: #fff;
    --active-color-2: #D7E0F9;
    --active-color-3: #F2F5F9;
    --active-border-color: #3662E3;


    font-family: Inter, Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, \5fae\8f6f\96c5\9ed1, Arial, sans-serif;;
    transition: all .2s ease;
    color: var(--text-primary-color);
    background-color: var(--bg-color);
}

:root[data-theme='dark'] {
    /* 黑夜主题 */
    --bg-color: #030816;
    --box-bg-color: #2d2d2d;
    --text-primary-color: #FFFFFF;
    --text-second-color: #9e9e9e;


    --box-border-color: #20293A;


    --active-color-1: #4E80EE;
    --active-color-1-text: #000;
    --active-color-2: #122042;
    --active-color-3: #20293A;
    --active-border-color: #4E80EE;
}

